<template>
    <div>
        <h1>复选框</h1>
        <div v-for="(option,index) in checkboxOptions" :key="index">
            <input type="checkbox" :id="option+index" :value="option">
                <label :for="option+index">{{ option }}</label>
        </div>
    </div>
</template>
<script>
    export default{
       data(){
        return{
            checkboxOptions:[
                'HTML','CSS','js','css','is'
            ]
        };
       }
    }
</script>